<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>CSS Gradients Ani</title>
		<link rel="stylesheet" href="./渐变.css"/>
	</head>
	<body>
		<div class="text-container">
		    Bubbles
		  </div>
		  <div class="gradient-bg">
		    <svg xmlns="http://www.w3.org/2000/svg">
		      <defs>
		        <filter id="goo">
		          <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />
		          <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -8" result="goo" />
		          <feBlend in="SourceGraphic" in2="goo" />
		        </filter>
		      </defs>
		    </svg>
		    <div class="gradients-container">
		      <div class="g1"></div>
		      <div class="g2"></div>
		      <div class="g3"></div>
		      <div class="g4"></div>
		      <div class="g5"></div>
		      <div class="interactive"></div>
		    </div>
		  </div>
	</body>
</html>